@import "~taro-ui/dist/style/components/input.scss";
@import "~taro-ui/dist/style/components/icon.scss";
@import "~taro-ui/dist/style/components/flex.scss";
@import "~taro-ui/dist/style/components/message.scss";
page {
  height: 100%;
  width: 100%;
  background: url("../../image/bg.jpg");
  repeat: no-repeat;
  background-attachment: fixed;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/background.jpg', sizingMethod='scale');
  -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/background.jpg', sizingMethod='scale');
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
}

.login_wrapper {
  height: 100%;
  width: 100%;
}

.login_title {
  position: relative;
  height: 300px;
  width: 100%;
  color: #fffffd;
  &_one {
    position: absolute;
    margin-left: 40px;
    font-size: 50px;
    top: 30%;
    font-weight: 600;
  }

  &_two {
    position: absolute;
    top: 55%;
    color: #fffffd;
    margin-left: 40px;
    font-size: 30px;
  }
}

.login_register {
  width: 100%;
  color: #fffffd;
  margin-top: 20px;

  display: flex;
  justify-content: space-between;
}

.login_input {
  color: #fffffd;
  margin-top: 20px;
  height: 35px;
  margin-left: 30px;
  margin-right: 30px;
  height: 80px;
  border-bottom: 5px solid #fffffd;
}

.login_register_button:active {
  color: #bdc3c7;
}

.login_button {
  margin-top: 40px;
  margin-left: 5%;
  margin-right: 5%;
}
